<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">

	<title>Test Page - Table Popin</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta charset="utf-8">

	<script src="%VITE_BUNDLE_PATH%" type="module"></script>
</head>

<body>
	<div class="section">
		<ui5-table id="table0" style="width: 850px;" overflow-mode="Popin" accessible-name-ref="title" no-data-text="No data found">
			<ui5-table-header-row slot="headerRow">
				<ui5-table-header-cell id="colA" min-width="300px"><span>ColumnA</span></ui5-table-header-cell>
				<ui5-table-header-cell id="colB" min-width="200px">Column B</ui5-table-header-cell>
				<ui5-table-header-cell id="colC" min-width="200px">Column C</ui5-table-header-cell>
				<ui5-table-header-cell id="colD" min-width="150px" popin-text="Column ?">Column D</ui5-table-header-cell>
			</ui5-table-header-row>
			<ui5-table-row>
				<ui5-table-cell><ui5-label>Cell A</ui5-label></ui5-table-cell>
				<ui5-table-cell><ui5-label>Cell B</ui5-label></ui5-table-cell>
				<ui5-table-cell><ui5-label>Cell C</ui5-label></ui5-table-cell>
				<ui5-table-cell><ui5-label>Cell D</ui5-label></ui5-table-cell>
			</ui5-table-row>
			<ui5-table-row>
				<ui5-table-cell><ui5-label>Cell A</ui5-label></ui5-table-cell>
				<ui5-table-cell><ui5-label>Cell B</ui5-label></ui5-table-cell>
				<ui5-table-cell><ui5-label>Cell C</ui5-label></ui5-table-cell>
				<ui5-table-cell><ui5-label>Cell D</ui5-label></ui5-table-cell>
			</ui5-table-row>
			<ui5-table-row>
				<ui5-table-cell><ui5-label>Cell A</ui5-label></ui5-table-cell>
				<ui5-table-cell><ui5-label>Cell B</ui5-label></ui5-table-cell>
				<ui5-table-cell><ui5-label>Cell C</ui5-label></ui5-table-cell>
				<ui5-table-cell><ui5-label>Cell D</ui5-label></ui5-table-cell>
			</ui5-table-row>
		</ui5-table>
	</div>
</body>

</html>